<template>
	<view>
		<view class="bj">
			<u-navbar title="信息修改" :autoBack="true" bgColor="#3284fc"
				titleStyle="font-size:18px; color:white;height:44px;line-height:44px" leftIconColor="#fff">
			</u-navbar>

			<u-cell-group :border="false"
				:customStyle="{backgroundColor:'#ffffff',borderRadius:'10px',margin:'10px auto',width:'350px'}">
				<u--input placeholder="请输入手机号码" prefixIcon="/static/images/sjh.png"
					prefixIconStyle="font-size: 22px;color: #909399;width:20px;height:25px;padding:5px 15px"
					shape="circle"
					customStyle="margin:20px 20px 0 20px;background-color:#f3f3f3;border:none"></u--input>

				<view class="yzm">
					<u--input placeholder="输入验证码" prefixIcon="/static/images/yzm.png"
						prefixIconStyle="font-size: 22px;color: #909399;width:20px;height:25px;padding:5px 15px"
						shape="circle"
						customStyle="margin:20px 20px;background-color:#f3f3f3;border:none;width:200px"></u--input>
					<u-button text="输入验证码"></u-button>
				</view>
				<u-button text="提交" style="width: 300px;margin:30px auto 70px"></u-button>
			</u-cell-group>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {}
	}
</script>

<style scoped>
	.u-button{
		width: 100px;
		height: 45px;
		background-color: #2a7df8;
		margin-top: 21px;
		margin-right: 18px;
		border-radius: 30px;
		color: #ffffff;
	}
	.yzm{
		display: flex;
	}
	.bj {
		width: 100%;
		height: 150px;
		background-color: #3384fc;
		margin-top: 44px;
	}
</style>